<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>会议室状态</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css-v=3.3.5.css"
          tppabs="http://www.zi-han.net/theme/hplus/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="css/font-awesome.min.css-v=4.4.0.css"
          tppabs="http://www.zi-han.net/theme/hplus/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css"
          tppabs="http://www.zi-han.net/theme/hplus/css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="css/plugins/dataTables/dataTables.bootstrap.css"
          tppabs="http://www.zi-han.net/theme/hplus/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <link href="css/animate.min.css" tppabs="http://www.zi-han.net/theme/hplus/css/animate.min.css"
          rel="stylesheet">
    <link href="css/style.min.css-v=4.0.0.css" tppabs="http://www.zi-han.net/theme/hplus/css/style.min.css?v=4.0.0"
          rel="stylesheet">
    <base target="_blank">
    <style>
        #zhuti{
            height:100%;

        }
        #zhuti::before{
            background:  url('img/logo1.png')  no-repeat fixed center;
            content:"";
            opacity:0.2;
        /*//透明度设置*/
            width:80%;
            height:80%;
            position:absolute;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">


    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins" >
                <div class="ibox-title">
                    <h5>会议室状态</h5>
                </div>
                <div class="ibox-content">
                    <table id="zhuti" class="table table-striped table-bordered table-hover dataTables-example">
                        <thead>
                        <tr>
                            <th>会议室名称</th>
                            <th>会议名称</th>
                            <th>会议开始时间</th>
                            <th>会议结束时间</th>
                            <th>提交申请时间</th>
                            <th>审核状态</th>
                            <th>查看详情</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">

                        </tbody>
<!--                        <tfoot>-->
<!--                        <tr>-->
<!--                            <th>会议室名称</th>-->
<!--                            <th>会议名称</th>-->
<!--                            <th>会议开始时间</th>-->
<!--                            <th>会议结束时间</th>-->
<!--                            <th>提交申请时间</th>-->
<!--                            <th>审核状态</th>-->
<!--                            <th>查看详情</th>-->
<!--                        </tr>-->
<!--                        </tfoot>-->
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery.min.js-v=2.1.4" tppabs="http://www.zi-han.net/theme/hplus/js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js-v=3.3.5"
        tppabs="http://www.zi-han.net/theme/hplus/js/bootstrap.min.js?v=3.3.5"></script>

<script src="js/plugins/dataTables/jquery.dataTables.js"
        tppabs="http://www.zi-han.net/theme/hplus/js/plugins/dataTables/jquery.dataTables.js"></script>

<script src="js/plugins/dataTables/dataTables.bootstrap.js"
        tppabs="http://www.zi-han.net/theme/hplus/js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="layui/layer/layer.js" type="text/javascript" charset="utf-8"></script>

<script src="js/content.min.js-v=1.0.0" tppabs="http://www.zi-han.net/theme/hplus/js/content.min.js?v=1.0.0"></script>
<script>
    //撤销功能
    function cx(ev){
        console.log(ev.id,ev.name);
        if(ev.name=='已撤销'){
            layer.open({
                title: '提醒'
                , closeBtn: 0
                ,content: '本条数据已撤销'
                ,time:3000
            });
        }else {
            layer.open({
                title: '提示'
                , content: '您真的要撤销吗？'
                , closeBtn: 0
                , btn: ['确认', '取消']
                , yes: function (index, layero) {
                    $.ajax({
                        type: "POST",
                        url: "/user/cancelState",
                        data: {
                            borrowId: parseInt(ev.id),
                        },
                        success: function (msg) {
                            console.log(msg)
                            // var index = layer.open();
                            layer.close(layer.index);
                            if(msg==true){
                                msg="提交成功"
                            }
                            layer.alert(msg)
                        }
                    })
                }
                , btn2: function gb(index, layero) {

                }
            });
        }
    };

    $(document).ready(function () {
        // 请求数据
        $.ajax({
            type: "POST",
            url: "/admin2/getPartAllBorrow",
            success: function (msg) {
                // var msg1=JSON.stringify(msg);
                // var list=msg1.list;
                let str = "";
                let list = msg;
                console.log(msg);
                let tbody = document.querySelector("#tbody");
                let a="";
                // target
                if (list.length != 0) {
                    for (let i = 0; i < list.length; i++) {
                        // let st=list[i].state;
                        let button="<a target=\"_self\" href=\"recordDetail3.html?mid="+list[i].mid+"&id="+list[i].id+"&endtime="+list[i].endtime+"\"><button type=\"button\" style=\"margin-top: 6px;\" class=\"btn btn-primary btn-xs\">查看详情</button></a>"
                        // let button2="<button id="+list[i].id+" name="+list[i].state+" onclick='cx(this)' style=\"margin-top: 6px;\" class=\"btn btn-warning btn-xs\">撤销</button>"
                        if(list[i].state=="审批通过"){
                            a="<a><i class=\"fa fa-check text-navy\"></i> 通过</a>";
                        }else if(list[i].state=="撤销待审批"){
                            a="<a>撤销待审批</a>";
                        }else if(list[i].state=="未通过"){
                            a="<a><i class=\"fa fa-close\" style=\"color: #ff0000;\"></i> 拒绝</a>";
                        }else if(list[i].state=="待审批"){
                            a="<a><i class=\"fa fa-hourglass-2\" style=\"color: orange;\"></i> 待审核</a>";
                        }else if(list[i].state=="已撤销"){
                            a="<a><i class=\"fa fa-mail-reply\" style=\"color: blue;\"></i> 已撤销</a>";
                        }else if(list[i].state=="会议结束"){
                            a="<a><i class=\"fa fa-trash-o\" style=\"color: dimgrey;\"></i> 已结束</a>";
                        }
                        str += "<tr><td>" + list[i].midName + "</td><td>" + list[i].name + "</td><td>" + list[i].starttime + "</td><td>" + list[i].endtime +
                            "</td><td>" + list[i].time + "</td><td>"+a+"</td><td>"+button+"</td></tr>";
                    }
                }
                tbody.innerHTML = str;
                f();
            }
        });
    });

    function f() {
        $(".dataTables-example").dataTable();
        var oTable = $("#editable").dataTable();
        oTable.$("td").editable("http://www.zi-han.net/theme/example_ajax.php", {
            "callback": function (sValue, y) {
                var aPos = oTable.fnGetPosition(this);
                oTable.fnUpdate(sValue, aPos[0], aPos[1])
            },
            "submitdata": function (value, settings) {
                return {
                    "row_id": this.parentNode.getAttribute("id"),
                    "column": oTable.fnGetPosition(this)[2]
                }
            },
            "width": "90%",
            "height": "100%"
        })
    }

    function fnClickAddRow() {
        $("#editable").dataTable().fnAddData(["Custom row", "New row", "New row", "New row", "New row"])
    };
</script>
<script type="text/javascript" src="../../../tajs.qq.com/stats-sId=9051096"
        tppabs="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>